<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>手机版-产品详情</title>
		<!--设置手机适应-->
		<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />		
		<link rel="stylesheet" type="text/css" href="/css/mobile/mobileproduct.css" />
		<link rel="stylesheet" type="text/css" href="/css/font-awesome.min.css" />
		<script src="/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/mobileproduct.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div id="pagers">
			<!--分类内容-->
			<div class="mobile_cate_panel">
				<!--顶部按钮-->
				<div class="header_btn_panel">
					<div class="back_btn">
						<i class="fa fa-reply" aria-hidden="true"></i>
					</div>
					<!--购物车-->
					<div class="cart_link">
						<i class="fa fa-shopping-cart" aria-hidden="true"></i>
					</div>
				</div>
				<!--产品图片-->
				<div class="pd_img_panel">
					<img src="<%=product.product_img%>"/>
				</div>
				<!--产品名称-->
				<div class="pd_title_panel">
					<input type="text" class="hidden" name="product_Id" id="product_Id" value="<%=product.product_Id%>" />
					<h4><%=product.product_name%></h4>
				</div>
				<!--产品价格-->
				<div class="pd_price_panel">
					<div class="p-price">
						￥<%=product.new_price%>
					</div>
					<div class="old-price">
						原价格 ￥<%=product.old_price%>
					</div>
					<div class="p-fee">
						快递： <%=product.product_expressfee%>
					</div>
				</div>
				<!--分割线-->
				<div class="line">					
				</div>
				<div class="info_link clearfix">
					<div class="item">
						<i class="fa fa-check-circle-o" aria-hidden="true"></i> 正品保证
					</div>
					<div class="item">
						<i class="fa fa-check-circle-o" aria-hidden="true"></i> 技术退款
					</div>
					<div class="item">
						<i class="fa fa-check-circle-o" aria-hidden="true"></i> 赠运费险
					</div>
				</div>
				<!--分割线-->
				<div class="line">					
				</div>
				<!--选择-->
				<div class="buy_set">
					选择购买数量 <span>></span>
				</div>
				<!--产品参数-->
				
				<!--评价-->
				<div class="comment_title">
					<i class="fa fa-commenting" aria-hidden="true"></i> 评价
				</div>
				<div class="comment_panel">
					<div class="comment_sum">
						宝贝评价（20）
					</div>
				</div>
				<!--宝贝详情-->
				<div class="pd_detail_title">
					<i class="fa fa-image" aria-hidden="true"></i> 详情
				</div>
				<div class="pd_detail_panel">
					 <%-product.product_detail%>					
				</div>
				<!--界面底部-->
				<div class="bottom_end">					
				</div>				
			</div>
			<!--底部弹出层-->
			<div class="set_pop_panel">
				<!--图片和价格展示-->
				<div class="pd_simple_panel">
					<!--图片位置-->
					<div class="pop_img_panel">
						<img class="img-thumbnail" src="<%=product.product_img%>"/>
					</div>
					<!--价格库存相关-->
					<div class="pop_pd_info">
						<div class="pop_pd_price">
							￥<%=product.new_price%>
						</div>
						<div class="pop_pd_amount">
							库存<b class="pd_amount"><%=product.product_amount%></b>件
						</div>
						<div class="pop_pd_amount">
							请选择
						</div>
					</div>
					<!--关闭按钮-->
					<div class="pop_close_btn">
						<i class="fa fa-times-circle-o" aria-hidden="true"></i>
					</div>
				</div>
				<!--产品数量选择-->
				<div class="pop_count_panel">
					<div class="count_panel clearfix">
						<div class="count_item count_item_text fl">
							购买数量 :
						</div>
						<div class="count_item pdnum_item fr">
							<input type="button" name="discut" value="-" />
							<input type="text" name="pd_num" id="" value="1" />
							<input type="button" name="add" id="" value="+" />
						</div>
					</div>
				</div>
				<!--底部两个按钮-->
				<div class="pop_btn_panel">
					<div class="pop_btn pop_cart_btn">
						<a href="javascript:void(0);">加入购物车</a>
					</div>
					<div class="pop_btn pop_buy_btn">
						<a href="javascript:void(0);">立即购买</a>
					</div>
				</div>
			</div>
			<!--底部工具栏-->
			<div class="bottom_panel clearfix">
				<div class="btn_item small_btn selected">
					<i class="fa fa-user-circle" aria-hidden="true"></i>
					<a href="javascript:void(0);">个人</a>
				</div>
				<div class="btn_item small_btn">
					<i class="fa fa-commenting-o" aria-hidden="true"></i>
					<a href="javascript:void(0);">客服</a>
				</div>
				<div class="btn_item small_btn">
					<i class="fa fa-star-o" aria-hidden="true"></i>
					<a href="javascript:void(0);">收藏</a>
				</div>
				<div class="btn_item large_btn cart_btn">
					<a href="javascript:void(0);">加入购物车</a>
				</div>
				<div class="btn_item large_btn order_btn">
					<a href="javascript:void(0);">立即购买</a>
				</div>
			</div>
		</div>
	</body>

</html>